<!--  -->
<template>
<div class='ce'>
    <el-form ref="form" :model="item" label-width="80px" :label-position="labelPosition">
        <el-row>
            <el-col :span="6">
                <el-form-item label="公司名称">
            <el-input v-model="item.name"></el-input>
        </el-form-item>
            </el-col>
            <el-col :span="1">|</el-col>
            <el-col :span="6">
                <el-form-item label="联系电话">
                    <el-input v-model="item.phone"></el-input>
                </el-form-item>
            </el-col>
            <el-col :span="1">|</el-col>
            <el-col :span="6">
                <el-form-item label="联系邮箱">
                    <el-input v-model="item.email"></el-input>
                </el-form-item>
            </el-col>
        </el-row>
        <el-row>
            <el-col :span="8">
                <el-form-item label="公司地址">
                    <el-input v-model="item.address"></el-input>
                </el-form-item>
            </el-col>
            <el-col :span="1">|</el-col>
            <el-col :span="8">
                <el-form-item label="公司官网">
                    <el-input v-model="item.url"></el-input>
                </el-form-item>
            </el-col>
        </el-row>

        <el-row>
            <el-col :span="6">
                <el-form-item label="公司规模">
                <el-select v-model="item.size" placeholder="请选择公司规模">
                    <el-option label="0-50人" value="0-50人"></el-option>
                    <el-option label="50-100人" value="50-100人"></el-option>
                    <el-option label="50-100人" value="50-100人"></el-option>
                    <el-option label="100-500人" value="100-500人"></el-option>
                    <el-option label="500-1000人" value="500-1000人"></el-option>
                    <el-option label="1000-2000人" value="1000-2000人"></el-option>
                    <el-option label="2000-5000人" value="2000-5000人"></el-option>
                    <el-option label="5000-10000人" value="5000-10000人"></el-option>
                    <el-option label="10000+人" value="10000+人"></el-option>
                </el-select>
        </el-form-item>
            </el-col>
            <el-col :span="1">|</el-col>
            <el-col :span="6">
                <el-form-item label="公司性质">
                    <el-select v-model="item.type" placeholder="请选择公司性质">
                        <el-option label="上市公司" value="上市公司"></el-option>
                        <el-option label="国企" value="国企"></el-option>
                        <el-option label="央企" value="央企"></el-option>
                        <el-option label="银行" value="银行"></el-option>
                        <el-option label="私企" value="私企"></el-option>
                        <el-option label="其他" value="其他"></el-option>
                    </el-select>
                </el-form-item>
            </el-col>
            <el-col :span="1">|</el-col>
            <el-col :span="6">
                <el-form-item label="成立时间">
                     <el-date-picker type="date" placeholder="选择日期" v-model="item.time" style="width: 100%;">
                </el-date-picker>
        </el-form-item>

            </el-col>
        </el-row>
        <el-row>
            <el-col :span="20">
                <el-form-item label="公司简介">
                    <el-input   type="textarea" rows="10"  maxlength="500"  show-word-limit v-model="item.description">
                </el-input>
                </el-form-item>
            </el-col>
        </el-row>

    </el-form>
    <el-button type="primary" @click="commitInfo">提交</el-button>
</div>
</template>

<script>
// 这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）
// 例如：import 《组件名称》 from '《组件路径》';
import qs from 'qs'
export default {
  name: 'CompanyEdit',
  // import引入的组件需要注入到对象中才能使用
  components: {},
  props: {
    param: {
      //       type: Object,传递参数类型为对象，引用传递，无需反复设置父组件中的参数值
      type: Object,
      default: () => {}
    }
  },
  data () {
    // 这里存放数据
    return {
      labelPosition: 'top',
      item: {

      }
    }
  },
  // 监听属性 类似于data概念
  computed: {},
  // 监控data中的数据变化
  watch: {},
  // 方法集合
  methods: {
    initItem () {
      this.item = this.param
    },
    commitInfo () {
      const param = qs.stringify(this.item)
      console.log('解析参数：', param)
      this.$post('/company/updateInfoById', this.item).then(res => {
        this.$message.success(res.msg)
        console.log(res)
        // console.log('子组键中的item', this.item)
        this.$emit('saveEdit', this.item)
      })
    }
  },
  // 生命周期 - 创建完成（可以访问当前this实例）
  created () {
    this.initItem()
  },
  // 生命周期 - 挂载完成（可以访问DOM元素）
  mounted () {

  },
  beforeCreate () {}, // 生命周期 - 创建之前
  beforeMount () {}, // 生命周期 - 挂载之前
  beforeUpdate () {}, // 生命周期 - 更新之前
  updated () {}, // 生命周期 - 更新之后
  beforeDestroy () {}, // 生命周期 - 销毁之前
  destroyed () {}, // 生命周期 - 销毁完成
  activated () {} // 如果页面有keep-alive缓存功能，这个函数会触发
}
</script>
<style lang='less' scoped>
//@import url(); 引入公共css类

</style>
